<template>
  <panel :header="$t('List of content with image')" :footer="footer" :list="list" type="1" @on-img-error="onImgError"></panel>

</template>

<script>
  import {Panel} from 'vux'
    export default {
      data(){
          return{
            list: [{
              src: 'http://somedomain.somdomain/x.jpg',
              fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
              title: '标题一',
              desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
              url: '/component/cell'
            }, {
              src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
              title: '标题二',
              desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
              url: {
                path: '/component/radio',
                replace: false
              },
              meta: {
                source: '来源信息',
                date: '时间',
                other: '其他信息'
              }
            }],
          }
      },
      components:{
        Panel
      }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
